<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="../轮播图/styles/slider.css">
    <link rel="stylesheet" href="./css/home.css">
    <script src="./lib/slider/jquery-1.11.0.js"></script>
    <script>
      $(function(){
        $(".books_right>ul>li").mouseenter(function(){
                //鼠标移入 隐藏标题  显示盒子
                $(this).find("h3").addClass("title_hide")
                $(this).find("div").addClass("books_show")

                //其他li的 h3 删除 类名
                $(this).siblings().find("h3").removeClass("title_hide")
                //其他li的 div 删除类名
                $(this).siblings().find("div").removeClass("books_show")
            })
      })
    </script>
</head>
<body>
    <!-- 头部样式 -->
    <div class="header">
        <div class="header_2">
            <div class="header_1 wrapper clearfix">
                <img src="./imgs/logo.jpg" alt="" class="fl">
                <span class="fl">legochina.cn</span>
                <div class="fl">欢迎光临
                    <span>乐购</span>
                    ,请&nbsp;登陆\
                    <span><a href="./register.html">注册</a></span>
                </div>
            </div>
        </div>
        <div class="header_3 wrapper clearfix">
                <form action="#">
                    <input type="text" class="txt">
                    <input type="submit" value=" " class="sub">
                </form>
                <div class="header_4 fl">
                    <a href="./shopping.html" class="header_5">
                        <i class="fl"></i>
                        购物车
                    </a>
                    <a class="header_6">我的订单</a>
                </div>
                <div class="header_7 fl">
                    <ul class="clearfix">
                        <li><a href="./detailProduction.html">图书</a></li>
                        <li><a href="./product.html">电子书</a></li>
                        <li><a href="#">原创文学</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">运动户外</a></li>
                        <li><a href="#">孕婴童</a></li>
                        <li><a href="#">家居</a></li>
                        <li><a href="#">创意文具</a></li>
                        <li><a href="#">地方特产</a></li>
                        <li><a href="#">海外购</a></li>
                        <li><a href="#">电器城</a></li>
                    </ul>
                    
                </div>
            </div>
    </div>
    <!-- 轮播图区域样式 -->
    <div class="slideshow wrapper">
        <ul class="category fl">  
            <script>
                let date_p=[
                    "图书、电子书、童书",
                    "创意文具",
                    "服饰、内衣",
                    "鞋靴、箱包",
                    "运动户外",
                    "孕、婴、童",
                    "家居、家纺、汽车",
                    "家具、家装、康体",
                    "美妆、个人护理、成人",
                    "食品、茶酒、生鲜",
                    "腕表、珠宝、眼镜",
                    "手机、数码",
                    "电脑办公",
                    "家用电器"
                ]
                let date_div=[
                    "box1",
                    "box2",
                    "box3",
                    "box4",
                    "box5",
                    "box6",
                    "box7",
                    "box8",
                    "box9",
                    "box10",
                    "box11",
                    "box12",
                    "box13",
                    "box14"
                ]
                for(let a=0;a <14; a++){
                document.write(`<li>
                    <p>${date_p[a]}</p>
                    <div>${date_div[a]}</div>
                    </li>`)
                }
            </script>
      </ul>
    </div>
      <!--轮播开始-->
  <div class="pptbox" id="bannerInner">
    <!--轮播的内容-->
    <ul class="innerwrapper">
      <li>
        <img src="../轮播图/images/banner1.jpg" />
      </li>
      <li>
        <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="./imgs/banner2.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="./imgs/banner3.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="./imgs/banner4.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="./imgs/banner5.jpg" /></a>
      </li>
    </ul>
    <!--数字控制器-->
    <ul class="controls">
      <li class="current">1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
    </ul>
    <!--按钮控制器-->
    <span class="btnleft"></span>
    <span class="btnright"></span>
  </div>
  <!--轮播结束-->
  <!-- 推荐区域 -->
  <div class="recommend wrapper">
    <h3 class="title">乐购·今日推荐</h3>
    <div class="rom_1">
       <ul>
           <li class="fl">
               <p><img src="./imgs/product01.jpg" alt=""></p>
               <p><img src="./imgs/limitTime.jpg" alt=""></p>
               <p>黑爵青蜂侠六键电竞游戏鼠标</p>
               <p>全国联保 一年免费包换</p>
               <p>￥:299</p>
           </li>
           <li class="fl">
            <p><img src="./imgs/product01.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
            <p>全国联保 一年免费包换</p>
            <p>￥:299</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/product01.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
            <p>全国联保 一年免费包换</p>
            <p>￥:299</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/product01.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
            <p>全国联保 一年免费包换</p>
            <p>￥:299</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/product01.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
            <p>全国联保 一年免费包换</p>
            <p>￥:299</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/product01.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
            <p>全国联保 一年免费包换</p>
            <p>￥:299</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/index06_11.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>小熊家用静音加湿器</p>
            <p>唯美外观 微米级喷雾</p>
            <p>￥:89</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/index06_11.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>小熊家用静音加湿器</p>
            <p>唯美外观 微米级喷雾</p>
            <p>￥:89</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/index06_11.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>小熊家用静音加湿器</p>
            <p>唯美外观 微米级喷雾</p>
            <p>￥:89</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/index06_11.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>小熊家用静音加湿器</p>
            <p>唯美外观 微米级喷雾</p>
            <p>￥:89</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/index06_11.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>小熊家用静音加湿器</p>
            <p>唯美外观 微米级喷雾</p>
            <p>￥:89</p>
        </li>
        <li class="fl">
            <p><img src="./imgs/index06_11.jpg" alt=""></p>
            <p><img src="./imgs/limitTime.jpg" alt=""></p>
            <p>小熊家用静音加湿器</p>
            <p>唯美外观 微米级喷雾</p>
            <p>￥:89</p>
        </li>
       </ul>
    </div>
  </div>
<!-- 推荐区域结束 -->
<!-- 图书电子书 -->
<div class="books wrapper clearfix">
    <div class="books_left fl">
      <div class="books_left_top fl">
        <h2 class="title fl">图书 电子书</h2>
        <ul class="book fr">
          <li class="books_txt">
            最新上架
          </li>
          <li>畅销书籍</li>
          <li>电子书</li>
        </ul>
      </div>
      <div class="books_left_bottom on">
          <div class="books_category clearfix fl">
             <img src="./imgs/index7_07.jpg" alt="">
             <ul class="clearfix">
               <li>中小学教辅</li>
               <li>外语</li>
               <li>考试</li>
               <li>小说</li>
               <li>文学</li>
               <li>青春文学</li>
               <li>成功\励志</li>
               <li>管理</li>
               <li>历史</li>
               <li>哲学\宗教</li>
               <li>亲子\家教</li>
               <li>全部分类></li>
             </ul>
          </div>
          <!-- 书籍分类 -->
            <ul class="books_list clearfix fr show">
              <li>
                <!--轮播开始-->
                <div class="pptbox" id="books_lunbo">
                  <!--轮播的内容-->
                  <ul class="innerwrapper">
                    <li>
                      <img src="../轮播图/images/banner1.jpg" />
                    </li>
                    <li>
                      <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                      <a href="#"><img src="./imgs/banner2.jpg" /></a>
                    </li>
                    <li>
                      <a href="#"><img src="./imgs/banner3.jpg" /></a>
                    </li>
                  </ul>
                  <!--数字控制器-->
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                  </ul>
                  <!--按钮控制器-->
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
                <!--轮播结束-->
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
            </ul>
            <!-- 书籍分类 -->
            <ul class="books_list clearfix fr">
              <li>
                <!--轮播开始-->
                <div class="pptbox" id="books_lunbo">
                  <!--轮播的内容-->
                  <ul class="innerwrapper">
                    <li>
                      <img src="../轮播图/images/banner1.jpg" />
                    </li>
                    <li>
                      <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                      <a href="#"><img src="./imgs/banner2.jpg" /></a>
                    </li>
                    <li>
                      <a href="#"><img src="./imgs/banner3.jpg" /></a>
                    </li>
                  </ul>
                  <!--数字控制器-->
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                  </ul>
                  <!--按钮控制器-->
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
                <!--轮播结束-->
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
            </ul>
            <!-- 书籍分类 -->
            <ul class="books_list clearfix fr">
              <li>
                <!--轮播开始-->
                <div class="pptbox" id="books_lunbo">
                  <!--轮播的内容-->
                  <ul class="innerwrapper">
                    <li>
                      <img src="../轮播图/images/banner1.jpg" />
                    </li>
                    <li>
                      <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                      <a href="#"><img src="./imgs/banner2.jpg" /></a>
                    </li>
                    <li>
                      <a href="#"><img src="./imgs/banner3.jpg" /></a>
                    </li>
                  </ul>
                  <!--数字控制器-->
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                  </ul>
                  <!--按钮控制器-->
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
                <!--轮播结束-->
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
              <li>
                <div>
                  <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
                </div>
                <p>￥49
                  <s>￥79</s>
                </p>
              </li>
            </ul>
      </div>
      <div class="books_left_bottom">
        <div class="books_category clearfix fl">
           <img src="./imgs/index7_07.jpg" alt="">
           <ul class="clearfix">
             <li>中小学教辅</li>
             <li>外语</li>
             <li>考试</li>
             <li>小说</li>
             <li>文学</li>
             <li>青春文学</li>
             <li>成功\励志</li>
             <li>管理</li>
             <li>历史</li>
             <li>哲学\宗教</li>
             <li>亲子\家教</li>
             <li>全部分类></li>
           </ul>
        </div>
        <!-- 书籍分类 -->
          <ul class="books_list clearfix fr show">
            <li>
              <!--轮播开始-->
              <div class="pptbox" id="books_lunbo">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <img src="../轮播图/images/banner1.jpg" />
                  </li>
                  <li>
                    <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="./imgs/banner2.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="./imgs/banner3.jpg" /></a>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
              <!--轮播结束-->
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
          </ul>
          <!-- 书籍分类 -->
          <ul class="books_list clearfix fr">
            <li>
              <!--轮播开始-->
              <div class="pptbox" id="books_lunbo">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <img src="../轮播图/images/banner1.jpg" />
                  </li>
                  <li>
                    <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="./imgs/banner2.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="./imgs/banner3.jpg" /></a>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
              <!--轮播结束-->
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
          </ul>
          <!-- 书籍分类 -->
          <ul class="books_list clearfix fr">
            <li>
              <!--轮播开始-->
              <div class="pptbox" id="books_lunbo">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <img src="../轮播图/images/banner1.jpg" />
                  </li>
                  <li>
                    <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="./imgs/banner2.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="./imgs/banner3.jpg" /></a>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
              <!--轮播结束-->
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
            <li>
              <div>
                <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
              </div>
              <p>￥49
                <s>￥79</s>
              </p>
            </li>
          </ul>
      </div>
      <div class="books_left_bottom">
      <div class="books_category clearfix fl">
         <img src="./imgs/index7_07.jpg" alt="">
         <ul class="clearfix">
           <li>中小学教辅</li>
           <li>外语</li>
           <li>考试</li>
           <li>小说</li>
           <li>文学</li>
           <li>青春文学</li>
           <li>成功\励志</li>
           <li>管理</li>
           <li>历史</li>
           <li>哲学\宗教</li>
           <li>亲子\家教</li>
           <li>全部分类></li>
         </ul>
      </div>
      <!-- 书籍分类 -->
        <ul class="books_list clearfix fr show">
          <li>
            <!--轮播开始-->
            <div class="pptbox" id="books_lunbo">
              <!--轮播的内容-->
              <ul class="innerwrapper">
                <li>
                  <img src="../轮播图/images/banner1.jpg" />
                </li>
                <li>
                  <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                </li>
                <li>
                  <a href="#"><img src="./imgs/banner2.jpg" /></a>
                </li>
                <li>
                  <a href="#"><img src="./imgs/banner3.jpg" /></a>
                </li>
              </ul>
              <!--数字控制器-->
              <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
              </ul>
              <!--按钮控制器-->
              <span class="btnleft"></span>
              <span class="btnright"></span>
            </div>
            <!--轮播结束-->
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
        </ul>
        <!-- 书籍分类 -->
        <ul class="books_list clearfix fr">
          <li>
            <!--轮播开始-->
            <div class="pptbox" id="books_lunbo">
              <!--轮播的内容-->
              <ul class="innerwrapper">
                <li>
                  <img src="../轮播图/images/banner1.jpg" />
                </li>
                <li>
                  <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                </li>
                <li>
                  <a href="#"><img src="./imgs/banner2.jpg" /></a>
                </li>
                <li>
                  <a href="#"><img src="./imgs/banner3.jpg" /></a>
                </li>
              </ul>
              <!--数字控制器-->
              <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
              </ul>
              <!--按钮控制器-->
              <span class="btnleft"></span>
              <span class="btnright"></span>
            </div>
            <!--轮播结束-->
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
        </ul>
        <!-- 书籍分类 -->
        <ul class="books_list clearfix fr">
          <li>
            <!--轮播开始-->
            <div class="pptbox" id="books_lunbo">
              <!--轮播的内容-->
              <ul class="innerwrapper">
                <li>
                  <img src="../轮播图/images/banner1.jpg" />
                </li>
                <li>
                  <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
                </li>
                <li>
                  <a href="#"><img src="./imgs/banner2.jpg" /></a>
                </li>
                <li>
                  <a href="#"><img src="./imgs/banner3.jpg" /></a>
                </li>
              </ul>
              <!--数字控制器-->
              <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
              </ul>
              <!--按钮控制器-->
              <span class="btnleft"></span>
              <span class="btnright"></span>
            </div>
            <!--轮播结束-->
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
          <li>
            <div>
              <img src="./imgs/0804zhu.jpg" alt="" width="159px" height="180px">
            </div>
            <p>￥49
              <s>￥79</s>
            </p>
          </li>
        </ul>
      </div>
    </div>
    <div class="books_right fl">
      <h2>新书畅销榜</h2>
      <ul>
          <li>
              <span>1</span>
              <h3 class="title_hide">哈哈哈哈哈哈哈啊哈哈</h3>
              <div class="clearfix books_show">
                  <img src="./imgs/index08_05.jpg" alt="" class="fl">
                  <p class="fl">
                      从你的世界路过
                      入选央视“2014中国好书”的80后作品！
                      十年华语畅销小说，王家卫陈国富倾力推荐， 
                      1500万次转发，超4亿次阅读
                  </p>
              </div>
          </li>
          <script>
            for(let i=1;i<7;i++){
             document.write(`
             <li>
                 <span>${i+1}</span>
                 <h3 class="">哈哈哈哈哈哈哈啊哈哈</h3>
                 <div class="clearfix">
                     <img src="./imgs/index08_05.jpg" alt="" class="fl">
                     <p class="fl">
                         从你的世界路过
                         入选央视“2014中国好书”的80后作品！
                         十年华语畅销小说，王家卫陈国富倾力推荐， 
                         1500万次转发，超4亿次阅读
                     </p>
                 </div>
             </li>
             
             `)
            }
        </script>
     </ul>
    </div>
</div>
<div id="floorBox">
    <ul>
      <li class="fbg01">
        <span>图书</span>
      </li>
      <li class="fbg02">
        <span>服装</span>
      </li>
      <li class="fbg03">
        <span>运动</span>
      </li>
      <li class="fbg04">
        <span>童装</span>
      </li>
      <li class="fbg05">
        <span>家居</span>
      </li>
    </ul>
</div>
<!-- 服装 -->
<div class="dress wrapper clearfix" id="dressa">
    <h3 class="title fl">服装</h3>
    <ul class="des fr clearfix">
      <li class="dress_1">
        女装内衣
      </li>
      <li>热销男装</li>
      <li>精品鞋靴</li>
    </ul>
    <div class="dress_2 clearfix on">
      <div class="dress_3 fl clearfix">
        <img src="./imgs/index7_17.jpg" alt="" height="352px">
        <ul class="clearfix">
          <li>女包</li>
          <li>防晒品</li>
          <li>短裤</li>
          <li>冰丝内裤</li>
          <li>男包</li>
          <li>功能箱包</li>
          <li>蕾丝衬衫</li>
          <li>奢侈品</li>
          <li>男鞋</li>
          <li>女包</li>
          <li>女鞋</li>
          <li>全部分类></li>
        </ul>
      </div>
      <div class="dress_4 fl clearfix">
        <div class="pptbox" id="bannerInner">
          <!--轮播的内容-->
          <ul class="innerwrapper">
            <li>
              <img src="./imgs/女装内衣/nz1.jpg" />
            </li>
            <li>
              <a href="#"></a><img src="./imgs/女装内衣/nz2.jpg" /></a>
            </li>
            <li>
              <a href="#"><img src="./imgs/女装内衣/nz3.jpg" /></a>
            </li>
            <li>
              <a href="#"><img src="./imgs/女装内衣/nz4.jpg" /></a>
            </li>
          </ul>
          <!--数字控制器-->
          <ul class="controls">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
          </ul>
          <!--按钮控制器-->
          <span class="btnleft"></span>
          <span class="btnright"></span>
        </div>
          <img src="./imgs/index11_08.jpg" alt="">
      </div>
      <div class="dress_5 fl clearfix">
          <ul class="fl clearfix">
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
          </ul>
      </div>
      <ul class="dress_6 clearfix">
        <li>
          <img src="./imgs/index15_13.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/index15_14.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_11.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_12.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_13.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_14.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_15.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_16.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_17.jpg" alt="">
        </li>
      </ul>
    </div>
    <div class="dress_2 clearfix">
      <div class="dress_3 fl clearfix">
        <img src="./imgs/index7_17.jpg" alt="" height="352px">
        <ul class="clearfix">
          <li>女包</li>
          <li>防晒品</li>
          <li>短裤</li>
          <li>冰丝内裤</li>
          <li>男包</li>
          <li>功能箱包</li>
          <li>蕾丝衬衫</li>
          <li>奢侈品</li>
          <li>男鞋</li>
          <li>女包</li>
          <li>女鞋</li>
          <li>全部分类></li>
        </ul>
      </div>
      <div class="dress_4 fl clearfix">
        <div class="pptbox" id="bannerInner">
          <!--轮播的内容-->
          <ul class="innerwrapper">
            <li>
              <img src="./imgs/女装内衣/nz1.jpg" />
            </li>
            <li>
              <a href="#"></a><img src="./imgs/女装内衣/nz2.jpg" /></a>
            </li>
            <li>
              <a href="#"><img src="./imgs/女装内衣/nz3.jpg" /></a>
            </li>
            <li>
              <a href="#"><img src="./imgs/女装内衣/nz4.jpg" /></a>
            </li>
          </ul>
          <!--数字控制器-->
          <ul class="controls">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
          </ul>
          <!--按钮控制器-->
          <span class="btnleft"></span>
          <span class="btnright"></span>
        </div>
          <img src="./imgs/index11_08.jpg" alt="">
      </div>
      <div class="dress_5 fl clearfix">
          <ul class="fl clearfix">
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
          </ul>
      </div>
      <ul class="dress_6 clearfix">
        <li>
          <img src="./imgs/index15_13.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/index15_14.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_11.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_12.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_13.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_14.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_15.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_16.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_17.jpg" alt="">
        </li>
      </ul>
    </div>
    <div class="dress_2 clearfix">
      <div class="dress_3 fl clearfix">
        <img src="./imgs/index7_17.jpg" alt="" height="352px">
        <ul class="clearfix">
          <li>女包</li>
          <li>防晒品</li>
          <li>短裤</li>
          <li>冰丝内裤</li>
          <li>男包</li>
          <li>功能箱包</li>
          <li>蕾丝衬衫</li>
          <li>奢侈品</li>
          <li>男鞋</li>
          <li>女包</li>
          <li>女鞋</li>
          <li>全部分类></li>
        </ul>
      </div>
      <div class="dress_4 fl clearfix">
        <div class="pptbox" id="bannerInner">
          <!--轮播的内容-->
          <ul class="innerwrapper">
            <li>
              <img src="./imgs/女装内衣/nz1.jpg" />
            </li>
            <li>
              <a href="#"></a><img src="./imgs/女装内衣/nz2.jpg" /></a>
            </li>
            <li>
              <a href="#"><img src="./imgs/女装内衣/nz3.jpg" /></a>
            </li>
            <li>
              <a href="#"><img src="./imgs/女装内衣/nz4.jpg" /></a>
            </li>
          </ul>
          <!--数字控制器-->
          <ul class="controls">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
          </ul>
          <!--按钮控制器-->
          <span class="btnleft"></span>
          <span class="btnright"></span>
        </div>
          <img src="./imgs/index11_08.jpg" alt="">
      </div>
      <div class="dress_5 fl clearfix">
          <ul class="fl clearfix">
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
            <li>
              <img src="./imgs/index100_05.jpg" alt="" height="352px">
              <img src="./imgs/index100_11.jpg" alt="" height="172px">
            </li>
          </ul>
      </div>
      <ul class="dress_6 clearfix">
        <li>
          <img src="./imgs/index15_13.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/index15_14.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_11.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_12.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_13.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_14.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_15.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_16.jpg" alt="">
        </li>
        <li>
          <img src="./imgs/logo13_17.jpg" alt="">
        </li>
      </ul>
    </div>
</div>
<!-- 运动户外 -->
<div class="dress wrapper clearfix" id="dressb">
  <h3 class="title fl">户外运动</h3>
  <ul class="des fr clearfix">
    <li class="dress_1">
      国际名品
    </li>
    <li>户外装备</li>
    <li>运动潮流</li>
  </ul>
  <div class="dress_2 clearfix on">
    <div class="dress_3 fl clearfix">
      <img src="./imgs/女装内衣/160729pc-A.jpg" alt="" height="352px">
      <ul class="clearfix">
        <li>女包</li>
        <li>防晒品</li>
        <li>短裤</li>
        <li>冰丝内裤</li>
        <li>男包</li>
        <li>功能箱包</li>
        <li>蕾丝衬衫</li>
        <li>奢侈品</li>
        <li>男鞋</li>
        <li>女包</li>
        <li>女鞋</li>
        <li>全部分类></li>
      </ul>
    </div>
    <div class="dress_4 fl clearfix">
      <div class="pptbox" id="bannerInner">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
            <img src="./imgs/户外运动/160801-12909pc-B1.jpg" />
          </li>
          <li>
            <a href="#"></a><img src="./imgs/户外运动/160729-3709pc-B.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/户外运动/160729-12359pc-D.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/户外运动/160729-11184pc-D.jpg" /></a>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
        <img src="./imgs/index11_08.jpg" alt="">
    </div>
    <div class="dress_5 fl clearfix">
        <ul class="fl clearfix">
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
        </ul>
    </div>
    <ul class="dress_6 clearfix">
      <li>
        <img src="./imgs/index15_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/index15_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_11.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_12.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_15.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_16.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_17.jpg" alt="">
      </li>
    </ul>
  </div>
  <div class="dress_2 clearfix">
    <div class="dress_3 fl clearfix">
      <img src="./imgs/女装内衣/160729pc-A.jpg" alt="" height="352px">
      <ul class="clearfix">
        <li>女包</li>
        <li>防晒品</li>
        <li>短裤</li>
        <li>冰丝内裤</li>
        <li>男包</li>
        <li>功能箱包</li>
        <li>蕾丝衬衫</li>
        <li>奢侈品</li>
        <li>男鞋</li>
        <li>女包</li>
        <li>女鞋</li>
        <li>全部分类></li>
      </ul>
    </div>
    <div class="dress_4 fl clearfix">
      <div class="pptbox" id="bannerInner">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
            <img src="./imgs/户外运动/160801-12909pc-B1.jpg" />
          </li>
          <li>
            <a href="#"></a><img src="./imgs/户外运动/160729-3709pc-B.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/户外运动/160729-12359pc-D.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/户外运动/160729-11184pc-D.jpg" /></a>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
        <img src="./imgs/index11_08.jpg" alt="">
    </div>
    <div class="dress_5 fl clearfix">
        <ul class="fl clearfix">
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
        </ul>
    </div>
    <ul class="dress_6 clearfix">
      <li>
        <img src="./imgs/index15_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/index15_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_11.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_12.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_15.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_16.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_17.jpg" alt="">
      </li>
    </ul>
  </div>
  <div class="dress_2 clearfix">
    <div class="dress_3 fl clearfix">
      <img src="./imgs/女装内衣/160729pc-A.jpg" alt="" height="352px">
      <ul class="clearfix">
        <li>女包</li>
        <li>防晒品</li>
        <li>短裤</li>
        <li>冰丝内裤</li>
        <li>男包</li>
        <li>功能箱包</li>
        <li>蕾丝衬衫</li>
        <li>奢侈品</li>
        <li>男鞋</li>
        <li>女包</li>
        <li>女鞋</li>
        <li>全部分类></li>
      </ul>
    </div>
    <div class="dress_4 fl clearfix">
      <div class="pptbox" id="bannerInner">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
            <img src="./imgs/户外运动/160801-12909pc-B1.jpg" />
          </li>
          <li>
            <a href="#"></a><img src="./imgs/户外运动/160729-3709pc-B.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/户外运动/160729-12359pc-D.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/户外运动/160729-11184pc-D.jpg" /></a>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
        <img src="./imgs/index11_08.jpg" alt="">
    </div>
    <div class="dress_5 fl clearfix">
        <ul class="fl clearfix">
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
        </ul>
    </div>
    <ul class="dress_6 clearfix">
      <li>
        <img src="./imgs/index15_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/index15_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_11.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_12.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_15.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_16.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_17.jpg" alt="">
      </li>
    </ul>
  </div>
</div>
<!-- 童装 -->
<div class="dress wrapper clearfix" id="dressc">
  <h3 class="title fl">童装 童鞋 婴儿装</h3>
  <ul class="des fr clearfix">
    <li class="dress_1">
      儿童服装
    </li>
    <li>婴儿装</li>
    <li>小潮童鞋</li>
  </ul>
  <div class="dress_2 clearfix on">
    <div class="dress_3 fl clearfix">
      <img src="./imgs/儿童服装/86030026097384_y.jpg" alt="" height="352px">
      <ul class="clearfix">
        <li>女包</li>
        <li>防晒品</li>
        <li>短裤</li>
        <li>冰丝内裤</li>
        <li>男包</li>
        <li>功能箱包</li>
        <li>蕾丝衬衫</li>
        <li>奢侈品</li>
        <li>男鞋</li>
        <li>女包</li>
        <li>女鞋</li>
        <li>全部分类></li>
      </ul>
    </div>
    <div class="dress_4 fl clearfix">
      <div class="pptbox" id="bannerInner">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
            <img src="./imgs/儿童服装/y1.jpg" />
          </li>
          <li>
            <a href="#"></a><img src="./imgs/儿童服装/y2.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/儿童服装/y3.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/儿童服装/y4.jpg" /></a>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
        <img src="./imgs/index11_08.jpg" alt="">
    </div>
    <div class="dress_5 fl clearfix">
        <ul class="fl clearfix">
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
        </ul>
    </div>
    <ul class="dress_6 clearfix">
      <li>
        <img src="./imgs/index15_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/index15_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_11.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_12.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_15.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_16.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_17.jpg" alt="">
      </li>
    </ul>
  </div>
  <div class="dress_2 clearfix">
    <div class="dress_3 fl clearfix">
      <img src="./imgs/儿童服装/86030026097384_y.jpg" alt="" height="352px">
      <ul class="clearfix">
        <li>女包</li>
        <li>防晒品</li>
        <li>短裤</li>
        <li>冰丝内裤</li>
        <li>男包</li>
        <li>功能箱包</li>
        <li>蕾丝衬衫</li>
        <li>奢侈品</li>
        <li>男鞋</li>
        <li>女包</li>
        <li>女鞋</li>
        <li>全部分类></li>
      </ul>
    </div>
    <div class="dress_4 fl clearfix">
      <div class="pptbox" id="bannerInner">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
            <img src="./imgs/儿童服装/y1.jpg" />
          </li>
          <li>
            <a href="#"></a><img src="./imgs/儿童服装/y2.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/儿童服装/y3.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/儿童服装/y4.jpg" /></a>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
        <img src="./imgs/index11_08.jpg" alt="">
    </div>
    <div class="dress_5 fl clearfix">
        <ul class="fl clearfix">
          <li>
            <img src="./imgs/160801-17862pc-C.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/160729-12609pc-D.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
        </ul>
    </div>
    <ul class="dress_6 clearfix">
      <li>
        <img src="./imgs/index15_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/index15_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_11.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_12.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_15.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_16.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_17.jpg" alt="">
      </li>
    </ul>
  </div>
  <div class="dress_2 clearfix">
    <div class="dress_3 fl clearfix">
      <img src="./imgs/儿童服装/86030026097384_y.jpg" alt="" height="352px">
      <ul class="clearfix">
        <li>女包</li>
        <li>防晒品</li>
        <li>短裤</li>
        <li>冰丝内裤</li>
        <li>男包</li>
        <li>功能箱包</li>
        <li>蕾丝衬衫</li>
        <li>奢侈品</li>
        <li>男鞋</li>
        <li>女包</li>
        <li>女鞋</li>
        <li>全部分类></li>
      </ul>
    </div>
    <div class="dress_4 fl clearfix">
      <div class="pptbox" id="bannerInner">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
            <img src="./imgs/儿童服装/y1.jpg" />
          </li>
          <li>
            <a href="#"></a><img src="./imgs/儿童服装/y2.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/儿童服装/y3.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./imgs/儿童服装/y4.jpg" /></a>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
        <img src="./imgs/index11_08.jpg" alt="">
    </div>
    <div class="dress_5 fl clearfix">
        <ul class="fl clearfix">
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
          <li>
            <img src="./imgs/儿童服装/y5.jpg" alt="" width="173px" height="352px">
            <img src="./imgs/儿童服装/y6.jpg" alt="" width="173px" height="172px">
          </li>
        </ul>
    </div>
    <ul class="dress_6 clearfix">
      <li>
        <img src="./imgs/index15_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/index15_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_11.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_12.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_13.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_14.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_15.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_16.jpg" alt="">
      </li>
      <li>
        <img src="./imgs/logo13_17.jpg" alt="">
      </li>
    </ul>
  </div>
</div>
<!-- 童装结束 -->
<div class="house wrapper clearfix">
   <h3 class="title">家居日用</h3>
   <img src="./imgs/家居日用/dsrblczjdt--398x341px-0803-0804.jpg" alt="" class="fl">
   <ul class="fl clearfix">
     <li>
       <img src="./imgs/index22_05.jpg" alt="" height="350px" width="178px">
       <img src="./imgs/index23_08.jpg" alt="" height="150px" width="178px">
     </li>
     <li>
      <img src="./imgs/index22_05.jpg" alt="" height="350px" width="178px">
      <img src="./imgs/index23_08.jpg" alt="" height="150px" width="178px">
    </li>
    <li>
      <img src="./imgs/index22_05.jpg" alt="" height="350px" width="178px">
      <img src="./imgs/index23_08.jpg" alt="" height="150px" width="178px">
    </li>
    <li>
      <img src="./imgs/index22_05.jpg" alt="" height="350px" width="178px">
      <img src="./imgs/index23_08.jpg" alt="" height="150px" width="178px">
    </li>
   </ul>
</div>
<div class="commodity wrapper clearfix">
   <h3 class="title">推广商品</h3>
   <ul class="clearfix">
     <li>
       <p><img src="./imgs/index25_12.jpg" alt=""></p>
       <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
       <p>￥:189</p>
       <p>
         <span></span>
         已有
         <span>988</span>条评价
       </p>
      </li>
      <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
       <li>
        <p><img src="./imgs/index25_12.jpg" alt=""></p>
        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
        <p>￥:189</p>
        <p>
          <span></span>
          已有
          <span>988</span>条评价
        </p>
       </li>
   </ul>
</div>
  <script src="../轮播图/lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
  <!--插件库-->
  <script src="../轮播图/lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    //主轮播图
    $("#bannerInner").tyslide({
      boxh: 516,//盒子的高度
      w: 1000,//盒子的宽度
      h: 480,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 20,//控制按钮宽度
      controlsH: 20,//控制按钮高度
      radius: 10,//控制按钮圆角度数
      controlsColor: "#d7d7d7",//普通控制按钮的颜色
      controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
      isShowNum: true //是否显示数字
    });

    $(".books_list .pptbox").tyslide({
      boxh: 220,//盒子的高度
      w: 328,//盒子的宽度
      h: 220,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 14,//控制按钮宽度
      controlsH: 2,//控制按钮高度
      radius: 0,//控制按钮圆角度数
      controlsColor: "#fff",//普通控制按钮的颜色
      controlsCurrentColor: "#7f7f7f",//当前控制按钮的颜色
      isShowNum: false //是否显示数字
    });

    $(".dress_4 .pptbox").tyslide({
      boxh:364,//盒子的高度
      w: 430,//盒子的宽度
      h: 364,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 14,//控制按钮宽度
      controlsH: 2,//控制按钮高度
      radius: 0,//控制按钮圆角度数
      controlsColor: "#fff",//普通控制按钮的颜色
      controlsCurrentColor: "#7f7f7f",//当前控制按钮的颜色
      isShowNum: false //是否显示数字
    });
    $(".books .book li").mouseenter(function(){
            $(this).addClass("books_txt").siblings().removeClass("books_txt");
            let index=$(this).index()
            $(".books .books_left_bottom").eq(index).addClass("on").siblings().removeClass("on")
  })
    $("#dressa .des li").mouseenter(function(){
            $(this).addClass("dress_1").siblings().removeClass("dress_1");
            let index=$(this).index()
            $("#dressa .dress_2").eq(index).addClass("on").siblings().removeClass("on")
  })
    $("#dressb .des li").mouseenter(function(){
            $(this).addClass("dress_1").siblings().removeClass("dress_1");
            let index=$(this).index()
            $("#dressb .dress_2").eq(index).addClass("on").siblings().removeClass("on")
  })
    $("#dressc .des li").mouseenter(function(){
            $(this).addClass("dress_1").siblings().removeClass("dress_1");
            let index=$(this).index()
            $("#dressc .dress_2").eq(index).addClass("on").siblings().removeClass("on")
  })
  </script>

    <!-- 页脚区域 -->
    <div class="footer">
       <div class="footer_1">
        <ul class="clearfix">
          <li>
            <a href="#"><img src="./imgs/222_11.png" alt=""></a>
          </li>
          <li>
           <a href="#"><img src="./imgs/222_13.png" alt=""></a>
          </li>
          <li>
           <a href="#"><img src="./imgs/222_15.png" alt=""></a>
          </li>
          <li>
           <a href="#"><img src="./imgs/222_17.png" alt=""></a>
          </li>
        </ul>
       </div>
       <div class="footer_2  clearfix">
           <div class="footer_3">
            <ul class="fl">
              <li>购物指南</li>
              <li>购物流程</li>
              <li>发票制度</li>
              <li>账户管理</li>
              <li>会员优惠</li>
            </ul>
            <ul class="fl">
             <li>支付方式</li>
             <li>货到付款</li>
             <li>网上支付</li>
             <li>礼品卡支付</li>
             <li>银行转帐</li>
           </ul>
           <ul class="fl">
             <li>订单服务</li>
             <li>订单配送查询</li>
             <li>订单状态说明</li>
             <li>自助取消订单</li>
             <li>自助修改订单</li>
           </ul>
           <ul class="fl">
             <li>退换货</li>
             <li>退换货政策</li>
             <li>自助申请退换货</li>
             <li>退换货进度查询</li>
             <li>退款方式和时间</li>
           </ul>
           <ul class="fl">
             <li>商家服务</li>
             <li>商家中心</li>
             <li>运营服务</li>
             <li>加入尾品汇</li>
           </ul>
           </div>
           <img src="./imgs/logo_00.png" alt="" class="footer_4">
       </div>
       <div class="footer_5">
           <ul class="clearfix">
             <li>公司简介</li>
             <li>Investor Relations</li>
             <li>网站联盟</li>
             <li>乐购招商</li>
             <li>机构销售</li>
             <li>手机乐购</li>
             <li>官方Blog</li>
             <li>热词搜索</li>
           </ul>
           <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
       </div>
    </div>
</body>
</html>